<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
	<title>购物车页面</title>
	<link rel="stylesheet" href="css/base.css">
	<link rel="stylesheet" href="css/common.css">
	<link rel="stylesheet" href="css/animate.min.css">
	<link rel="stylesheet" href="css/cart.css">
</head>
<body>
	<!-- 头部 -->
	<header class="cate-header clearfix">
		<div class="left fl jd-icons cw-center"></div>
		<div class="right fr jd-icons cw-center"></div>
		<div class="center">
			购物车
		</div>
	</header>
	<!-- 安全警告 -->
	<section class="safe-tips">
		<p class="cw-center-y animated bounceIn">
			您正在安全购物环境中，请放心购物
		</p>
	</section>

	<!-- 主体部分 -->
	<section class="cart-main">
		<div class="cart-m-t clearfix">
			<div class="main-l fl">
				<div class="m-checked  jd-icons cw-center fl" id="checkAll">
					<input type="checkbox">
				</div>
				<div class="m-jdself jd-icons cw-center-y fl">京东自营</div>
			</div>
			<div class="main-r fr">您享受满79元免运费服务</div>
		</div>
		<div class="cart-m-b">
			<div class="cart-item clearfix">
				<div class="item-check fl m-checked jd-icons cw-center">
					<input type="checkbox">
				</div>
				<div class="item-info clearfix">
					<div class="info-img fl">
						<img src="image/imgs/detail01.jpg" alt="">
					</div>
					<div class="info-txt">
						<p class="info-txt-t txt-cut">华为（HUAWEI）荣耀华为（HUAWEI）荣耀平板优享版 Wifi8英寸平板电脑（高通骁龙  64位四核1280×800 
						</p>
						<div class="info-txt-b clearfix">
							<div class="txt-b-l fl">
								<span class="jia">-</span>
								<span><input type="number" value="1" class="num"></span>
								<span class="jian">+</span>
							</div>
							<div class="txt-b-r fr">
								<div class="del-t"></div>
								<div class="del-b"></div>
							</div>
						</div>
					</div>
				</div>
			</div>
			<div class="cart-item clearfix">
				<div class="item-check fl m-checked jd-icons cw-center">
					<input type="checkbox">
				</div>
				<div class="item-info clearfix">
					<div class="info-img fl">
						<img src="image/imgs/detail02.jpg" alt="">
					</div>
					<div class="info-txt">
						<p class="info-txt-t txt-cut">华为（HUAWEI）荣耀华为（HUAWEI）荣耀平板优享版 Wifi8英寸平板电脑（高通骁龙  64位四核1280×800 
						</p>
						<div class="info-txt-b clearfix">
							<div class="txt-b-l fl">
								<span class="jia">-</span>
								<span><input type="number" value="1" class="num"></span>
								<span class="jian">+</span>
							</div>
							<div class="txt-b-r fr">
								<div class="del-t"></div>
								<div class="del-b"></div>
							</div>
						</div>
					</div>
				</div>
			</div>
			<div class="cart-item clearfix">
				<div class="item-check fl m-checked jd-icons cw-center">
					<input type="checkbox">
				</div>
				<div class="item-info clearfix">
					<div class="info-img fl">
						<img src="image/imgs/detail01.jpg" alt="">
					</div>
					<div class="info-txt">
						<p class="info-txt-t txt-cut">华为（HUAWEI）荣耀华为（HUAWEI）荣耀平板优享版 Wifi8英寸平板电脑（高通骁龙  64位四核1280×800 
						</p>
						<div class="info-txt-b clearfix">
							<div class="txt-b-l fl">
								<span class="jia">-</span>
								<span><input type="number" value="1" class="num"></span>
								<span class="jian">+</span>
							</div>
							<div class="txt-b-r fr">
								<div class="del-t"></div>
								<div class="del-b"></div>
							</div>
						</div>
					</div>
				</div>
			</div>
			<div class="cart-item clearfix">
				<div class="item-check fl m-checked jd-icons cw-center">
					<input type="checkbox">
				</div>
				<div class="item-info clearfix">
					<div class="info-img fl">
						<img src="image/imgs/detail01.jpg" alt="">
					</div>
					<div class="info-txt">
						<p class="info-txt-t txt-cut">华为（HUAWEI）荣耀华为（HUAWEI）荣耀平板优享版 Wifi8英寸平板电脑（高通骁龙  64位四核1280×800 
						</p>
						<div class="info-txt-b clearfix">
							<div class="txt-b-l fl">
								<span class="jia">-</span>
								<span><input type="number" value="1" class="num"></span>
								<span class="jian">+</span>
							</div>
							<div class="txt-b-r fr">
								<div class="del-t"></div>
								<div class="del-b"></div>
							</div>
						</div>
					</div>
				</div>
			</div>
			<div class="cart-item clearfix">
				<div class="item-check fl m-checked jd-icons cw-center">
					<input type="checkbox">
				</div>
				<div class="item-info clearfix">
					<div class="info-img fl">
						<img src="image/imgs/detail01.jpg" alt="">
					</div>
					<div class="info-txt">
						<p class="info-txt-t txt-cut">华为（HUAWEI）荣耀华为（HUAWEI）荣耀平板优享版 Wifi8英寸平板电脑（高通骁龙  64位四核1280×800 
						</p>
						<div class="info-txt-b clearfix">
							<div class="txt-b-l fl">
								<span class="jia">-</span>
								<span><input type="number" value="1" class="num"></span>
								<span class="jian">+</span>
							</div>
							<div class="txt-b-r fr">
								<div class="del-t"></div>
								<div class="del-b"></div>
							</div>
						</div>
					</div>
				</div>
			</div>

		</div>
	</section>

	<!-- 蒙层 -->
	<section class="overpop">
		<span></span>
		<div class="over-pop-info animated bounceInDown">
			<div class="pop-info-txt">
				<span></span>
				<p>你确定是否要删除这个商品?</p>
			</div>
			<div class="pop-info-wrap clearfix">
				<button class="fl cancel">取消</button>
				<button class="fr">确定</button>
			</div>
		</div>
	</section>

	<script src="js/cart.js"></script>
</body>
</html>